<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/formCss.css">
</head>
<body>
    <form action="">
         <fieldset>
          <legend>信息表</legend>
          <legend>学生档案</legend>
          <label for="userName">姓名:</label>
          <input type="text" name="userName" id="userName" placeholder="请输入用户名">
          <label for="userPhone">手机号码:</label>
          <input type="tel" name="userPhone" id="userPhone" pattern="^1\d{10}$">
          <label for="email">邮箱地址:</label>
          <input type="email" required name="email" id="email">
          <label for="collage">所属学院:</label>
          value="c++学院"></option>
          </datalist>  <input type="text" name="collage" id="collage" list="cList" placeholder="请选择">
          <datalist id="cList">
              <option value="前端与移动开发学院"></option>
              <option value="java学院"></option>
              <option value="c++"></option>
          </datalist>
          <label for="score">入学成绩:</label>
          <input type="number" max="100" min="0" value="0" id="score">
          <label for="level">基础水平:</label>
          <meter id="level" max="100" min="0" low="59" high="90"></meter>
          <label for="inTime">入学日期:</label>
          <input type="date" id="inTime" name="inTime">
          <label for="leaveTime">毕业日期:</label>
          <input type="date" id="leaveTime" name="leaveTime">
          <input type="submit">
         </fieldset>
    </form>
    <script>
       var a =document.getElementById('score');
       a.oninput =function(){
           var b=document.getElementById('level');
             b.value=this.value;
       }
    </script>
</body>
</html>